<template>
  <div>
     
  <sky-card :shadow="'hover'">
    鼠标移入出现阴影
  </sky-card>

   <sky-code-panel>
    <div class="prewrap" v-highlight>
      <!-- 使用指令 -->
      <pre>
        <code class="html">

        &lt;sky-card :shadow="'hover'"&gt;
          鼠标移入出现阴影
        &lt;/sky-card&gt;
        

        </code>
    </pre>
    </div>
  </sky-code-panel>


  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  // setup() {
    
  // },
})
</script>
